<template>
  <div id="app" @touchmove.prevent>
    <app-header :seller="seller"></app-header>
  </div>
</template>

<script>
import AppHeader from '@/components/header/header'
import { getSellers } from '@/api/index'

export default {
  name: 'app',
  components: {
    AppHeader
  },
  data() {
    return {
      seller: {}
    }
  },

  created() {
    getSellers().then((seller) => {
      this.seller = Object.assign({}, this.seller, seller)
    })
  }
}
</script>
<style lang="stylus" scoped>
  #app
    .tab-wrapper
      position: fixed
      top: 136px
      left: 0
      right: 0
      bottom: 0
</style>
